import React from 'react';
import 三角 from '../../assets/homeimg/向右三角形 (1).png'

function Keep({ image,text }) {
  return (
    <div className="keep">
      <div style={{ position: 'relative', marginTop: '20px' }}>
        <img style={{ width: '94%', height: '150px', borderRadius: "30px" }} src={image} alt="" />
        <div style={{ position: 'absolute', left: "10%", top: '20%', fontSize: '20px', fontWeight: 600, color: 'white' }}>{text}</div>
        <div style={{ position: 'absolute', left: "10%", top: '35%', fontSize: '16px', fontWeight: 500, color: '#cac9c4' }}>Core training course</div>
        <div style={{ position: 'absolute', left: "70%", top: '60%', width: '40px', height: '40px', borderRadius: "40px", backgroundColor: '#ec8062' }}></div>
        <img style={{ width: '20px', height: '20px', position: 'absolute', left: "73%", top: '65.5%' }} src={三角} alt="" />
      </div>
    </div>
  );
}

export default Keep;
